﻿body,ul,ol,p,h1,h2,h3,h4,d1,dd,form,input,textarea,select { padding:0; margin:0; font-family:Arial;}
li { list-style:none;}
img { border:none;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
body { background: #fff url(../images/body_bg.png) repeat-x;}
#top { width:960px; height:30px; margin:0 auto;}
.top_menu{ float:left;}
.top_menu li{ float:left; color:#fff; line-height:30px; font-size:13px; background: url(../images/top_ico.png) no-repeat right 14px; padding-left:12px; padding-right:18px;}
.top_menu a {}
.top_menu a:hover{ color:#fff;}
.top_menu .no_dot{ background:none; padding-left:12px;}

.top_bar{ float:right; }
.top_bar li{ float:left;color:#fff; line-height:30px; font-weight:bold; font-size:13px;}
.top_bar .phone{ background:url(../images/top_ico.png) no-repeat 4px -16px; padding:0 38px;}
.top_bar .help{background:url(../images/top_ico.png) no-repeat 0 -46px; padding:0 38px;}
.top_bar .help a{}
.top_bar .space{ padding-right:12px;}

#header { width:960px; height:100px; margin:0 auto; position:relative; background:url(../images/header_bg.png) no-repeat;}
#shopping{ width:260px; height:100px; background:url(../images/shopping_bg.png) no-repeat; position:relative;}
#shopping p { color:#f7f7f7; font-size:20px; font-family:Arial; padding:30px 0 0 84px;}
#shopping a { display:block; width:114px; height:23px; background:url(../images/shopping_bg.png) no-repeat 0 -100px; position:absolute; top:-30px; 
left:0px;
               font-size:15px; color:#ffc200; text-decoration:none; font-weight:bold; text-align:center; line-height:23px; }
#shopping a:hover { color:#ffe388}
#header h1{ width:238px; position:absolute; top:0;left:50%; 
margin-left:-119px; 
}
#header .search{ top:34px; right:0;}
.search { width:292px; height:31px; background:url(../images/search.png) no-repeat; position:absolute;}
.search .text {  position:absolute; top:0; left:20px; width:230px; height:30px; background:none; border:none; outline:none; font-size:16px; color:#666; line-height:30px; }
.search .btn{  position:absolute; top:0; right:0; width:42px; height:30px; border:none; background:none;}
#nav { width:960px; height:36px; margin:0 auto; padding-top:8px;}
#nav li { float:left; height:28px; margin-right:1px;}
#nav a {float:left; height:28px;  color:#fff; font-size:16px; font-family:Arial; font-weight:normal; line-height:28px;}
#nav strong {float:left; height:28px; }
#nav span {float:left; height:28px;  padding:0 16px;}

#nav a:hover,#nav .active a {background:url(../images/nav_active_bg.png) repeat-x 0 -56px;}
#nav a:hover strong,#nav .active strong{background:url(../images/nav_active_bg.png) no-repeat;}
#nav a:hover span,#nav .active span{background:url(../images/nav_active_bg.png) no-repeat right -28px;}
